<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Piece - 403</title>
    <script th:inline="javascript">ctx = [[${ctx}]];</script>
    <link th:href="${ctx}+'lib/bootstrap/bootstrap.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/font-awesome/css/font-awesome.css'" rel="stylesheet" type="text/css">
    <link th:href="${ctx}+'css/animate.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/style.min.css'" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="middle-box text-center animated fadeInDown err-500">
    <h1>403</h1>
    <h3 class="font-bold">
        您没有访问权限！<small id="time_show" th:if="${#strings.isEmpty(msgInfo)}">5秒后返回</small>
    </h3>
    <div class="error-desc m">
        对不起，您没有访问权限，请不要进行非法操作！您可以返回<a href="#" onclick="home();" class="btn btn-success">首页</a>
    </div>
    <div class="error-desc m white" th:if="${not #strings.isEmpty(msgInfo)}">
        [[${msgInfo}]]
    </div>
</div>
<script th:src="${ctx}+'lib/jquery/jquery.min.js?v=2.1.4'" type="text/javascript"></script>
<script th:src="${ctx}+'lib/bootstrap/bootstrap.min.js?v=3.3.6'" type="text/javascript"></script>
<script>
     $(function() {
         if (![[${errInfo}]]) {
             var time = 5;
             var timer = setInterval(function(){
                 $("#time_show").text(time-- + '秒后返回');

                 if (time <= 0) {
                     clearInterval(timer);
                     //top.window.location = ctx;
                 }
             },1000);
         }
    });

    function home() {
        top.window.location = ctx;
    }
</script>
</body>
</html>
